<legend class='hyc-legend'>
    <i class="fa fa-list"></i>&nbsp;
    <span>运单详情</span>
</legend>
<div class="panel panel-default">
    <div class="panel-heading">
        <span class="hyc-color">运单价格： &yen;{{waybillInfo.cost}}元 (参考价格：{{waybillInfo.refCost || 0 | number: 2}}元)</span>
        <span class="pull-right hyc-color" style="cursor: pointer;" onclick="javascript: history.go(-1);"><i class="fa fa-arrow-left"></i>&nbsp;返回</span>
    </div>
    <div class="panel-body">
        <div class="hyc-border-bottom" ng-repeat="order in waybillInfo.serviceOrderVos track by $index">
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">服务订单</div>
                <div class="col-md-3">{{order.orderCode}}</div>
                <div class="col-md-2 text-right">下单客户</div>
                <div class="col-md-3">{{order.userName}}</div>
                <div class="col-md-2 hyc-color">{{order.statusText}}</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">起运省/市/区县</div>
                <div class="col-md-3">{{order.departProvinceName}}{{order.departCityName}}{{order.departCountyName}}</div>
                <div class="col-md-2 text-right">目的省/市/区县</div>
                <div class="col-md-3">{{order.receiptProvinceName}}{{order.receiptCityName}}{{order.receiptCountyName}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">起运详细地址</div>
                <div class="col-md-3">{{order.departAddr}}</div>
                <div class="col-md-2 text-right">目的地详细地址</div>
                <div class="col-md-3">{{order.receiptAddr}}</div>
                <div class="col-md-2 text-center">&nbsp; </div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">计划提车时间</div>
                <div class="col-md-3">{{order.deliveryDate | date: 'yyyy-MM-dd'}}</div>
                <div class="col-md-2 text-right">计划交车时间</div>
                <div class="col-md-3">{{order.arriveDate | date: 'yyyy-MM-dd'}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">品牌名称</div>
                <div class="col-md-3">{{order.brandName}}</div>
                <div class="col-md-2 text-right">车系名称</div>
                <div class="col-md-3">{{order.vehicleName}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
            <div class="row hyc-line-height-30">
                <div class="col-md-2 text-right">上门提车</div>
                <div class="col-md-3">{{order.isPick == true?'是': '否'}}</div>
                <div class="col-md-2 text-right">送车上门</div>
                <div class="col-md-3">{{order.isDeliv == true?'是': '否'}}</div>
                <div class="col-md-2">&nbsp;</div>
            </div>
        </div>
        <div class="row hyc-line-height-30 padding-top-20">
            <div class="col-md-2 text-center">起运省/市/区县</div>
            <div class="col-md-3">
                {{waybillInfo.departProvinceName}}{{waybillInfo.departCityName}}{{waybillInfo.departCountyName}}
            </div>
            <div class="col-md-3">
                {{waybillInfo.departAddr}}
            </div>
            <div class="col-md-2 text-right">起运日期</div>
            <div class="col-md-2">
                {{waybillInfo.shipmentDate | date: 'yyyy-MM-dd'}}
            </div>
        </div>
        <div class="row hyc-line-height-30 margin-bottom-10">
            <div class="col-md-2 text-center">目的省/市/区县</div>
            <div class="col-md-3">
                {{waybillInfo.receiptProvinceName}}{{waybillInfo.receiptCityName }}{{waybillInfo.receiptCountyName }}
            </div>
            <div class="col-md-3">
                {{waybillInfo.receiptAddr}}
            </div>
            <div class="col-md-2 text-right">到达日期</div>
            <div class="col-md-2">
                {{waybillInfo.arriveDate | date: 'yyyy-MM-dd'}}
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">
                提车联系人/电话
            </div>
            <div class="col-md-4">
                {{waybillInfo.departContact}}&nbsp;&nbsp;{{waybillInfo.departPhone}}
            </div>
            <div class="col-md-2 text-center">
                交车联系人/电话
            </div>
            <div class="col-md-4">
                {{waybillInfo.receiptContact}}&nbsp;&nbsp;{{waybillInfo.receiptPhone}}
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">承运人</div>
            <div class="col-md-4">
                {{waybillInfo.carrier}}
            </div>
            <div class="col-md-6 text-center">
                &nbsp;
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">
                提车人/电话
            </div>
            <div class="col-md-4">
                <div ng-repeat="contact in waybillInfo.contacts track by $index">
                    <div ng-if="contact.type == 20">
                        {{contact.contact}}&nbsp;&nbsp;{{contact.phone}}
                    </div>
                </div>
            </div>
            <div class="col-md-2 text-center">
                提车人身份证号/车牌号
            </div>
            <div class="col-md-4">
                <div ng-repeat="contact in waybillInfo.contacts track by $index">
                    <div ng-if="contact.type == 20">
                        {{contact.idno}}&nbsp;&nbsp;{{contact.licenseNumner}}
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">板车司机/电话</div>
            <div class="col-md-4">
                <div ng-repeat="contact in waybillInfo.contacts track by $index">
                    <div ng-if="contact.type == 10">
                        {{contact.contact}}&nbsp;&nbsp;{{contact.phone}}
                    </div>
                </div>
            </div>
            <div class="col-md-2 text-center">
                板车司机身份证号/车牌号
            </div>
            <div class="col-md-4">
                <div ng-repeat="contact in waybillInfo.contacts track by $index">
                    <div ng-if="contact.type == 10">
                        {{contact.idno}}&nbsp;&nbsp;{{contact.licenseNumner}}
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">
                交车人/电话
            </div>
            <div class="col-md-4">
                <div ng-repeat="contact in waybillInfo.contacts track by $index">
                    <div ng-if="contact.type == 30">
                        {{contact.contact}}&nbsp;&nbsp;{{contact.phone}}
                    </div>
                </div>
            </div>
            <div class="col-md-2 text-center">
                交车人身份证号/车牌号
            </div>
            <div class="col-md-4">
                <div ng-repeat="contact in waybillInfo.contacts track by $index">
                    <div ng-if="contact.type == 30">
                        {{contact.idno}}&nbsp;&nbsp;{{contact.licenseNumner}}
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">提车照片</div>
            <div class="col-lg-4">
                <div class="panel-body padding5">
                    <div style="width: max-content;">
                        <div class="thumbnail hyc-thumbnail" ng-if="item.type == 1010 || item.type == 1020" ng-repeat="item in waybillInfo.attachsList track by $index" style="margin-right: 100px;">
                            <img ng-src="{{item.url || Context.path + '/image/huiyunche-logo.gif'}}" style="height: 150px; width: 150px; cursor: pointer;" ng-click="showBigImg(item.url)">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row hyc-line-height-30">
            <div class="col-md-2 text-center">交车照片</div>
            <div class="col-lg-4">
                <div class="panel-body padding5">
                    <div style="width: max-content;">
                        <div class="thumbnail hyc-thumbnail" ng-if="item.type == 3010 || item.type == 3020" ng-repeat="item in waybillInfo.attachsList track by $index" style="margin-right: 100px;">
                            <img ng-src="{{item.url || Context.path + '/image/huiyunche-logo.gif'}}" style="height: 150px; width: 150px; cursor: pointer;" ng-click="showBigImg(item.url)">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-footer padding5">
        <div class="row">
            <div class="col-md-9">&nbsp;</div>
            <div class="col-md-3 text-right padding-right-25">
                <span class="pull-right hyc-color" style="cursor: pointer;" onclick="javascript: history.go(-1);"><i class="fa fa-arrow-left"></i>&nbsp;返回</span>
            </div>
        </div>
    </div>
</div>